<template>
	<div class="outer">
		<h2> 我是APP组件</h2>
		<img src="https://www.zhiexa.com/assets/logo1.7adb9781.svg" alt="">
		<br>
		<Modal></Modal>
	</div>
</template>

<script setup lang="ts" name="App">
/**
 *  https://cn.vuejs.org/guide/built-ins/teleport.html#teleport
 * <Teleport> 是一个内置组件，它可以将一个组件内部的一部分模板“传送”到该组件的 DOM 结构外层的位置去。
 * 
 * */

import { ref, customRef, onMounted, isReactive, isRef, onBeforeUpdate } from "vue";
import Modal from "./Modal.vue";




</script>






<style scoped>
.outer {
	background-color: #ddd;
	border-radius: 10px;
	padding: 5px;
	box-shadow: 0 0 10px;
	width: 400px;
	height: 400px;
	filter: saturate(200%);
}

img {
	width: 270px;
}
</style>